﻿@model PagedList.StaticPagedList<Guan.CMS.Web.ViewModels.Product.ProductViewModel>
@using PagedList.Mvc;
@{
    Layout = "~/Views/Shared/_LayoutNew.cshtml";
}
<!-- Content -->
<div id="content">
    <div class="shell">
        <!-- Featured Area -->
        <div class="featured-area">
            <h2>产品介绍</h2>
            @*<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ornare consequat tortor quis lorem ipsum dolor sit amet, consectetur </p>*@
            <span class="shadow"></span>
        </div>
        <div class="products">
            
            <div class="widecolumn fl">
                <!-- END Featured Area -->
                <div class="page-path">
                    <section class="tags">
                        <ul>
                            <li class="active"><a href="@Url.Action("Index")">所有</a></li>
                            @foreach (var colName in ViewBag.ColumnName as string[])
                            {
                                <li><a href="#">@colName</a></li>
                            }
                    
                        </ul>
                        <div class="cl">&nbsp;</div>
                    </section>
                </div>
                <!-- List Projects -->
                <section class="list-projects">
                    <ul>
                        @if (Model.Any())
                        {
                            foreach (var pro in Model)
                            {
                                <li>
                                    <h3>@pro.Name</h3>
                                    <div class="image">
                                        <a href="@Url.Action("Detail", new { pro.Id })" target="_blank"><img src="@Url.Content(pro.Image)" width="281" height="281" alt="" /></a>
                                        <span class="shadow"></span>
                                    </div>
                                    <a href="@Url.Action("Detail", new { pro.Id })" target="_blank" class="btn-1"><span>查看详细</span></a>
                                </li>
                            }
                        }
                    </ul>
                </section>
                <!-- END List Projects -->
                <!-- Paging -->
                <section class="paging">
                    @Html.PagedListPager(Model,page => Url.Action("Index",new{page,category=Request["category"]}))
                </section>
                <!-- END Paging -->
            </div>
            <aside class="fr">
                <ul>
                    <li>
                        <h3>产品分类</h3>
                        @Html.Action("Category")
                    </li>
                    @*<li>
                        <h3>Archive</h3>
                        <ul class="list-1">
                            <li><a href="#">Lorem ipsum dolor sit amet</a> (20)</li>
                            <li><a href="#">Consectetuer adipiscing elit</a> (11)</li>
                            <li><a href="#">Proin sed odio et ante adipiscing</a> (4)</li>
                            <li><a href="#">Mazim sensibus et usu</a> (7)</li>
                            <li><a href="#">Nulla dignisim rutrum eleifen</a> (13)</li>
                        </ul>
                    </li>
                    <li>
                        <h3>Tag Cloud</h3>
                        <ul class="tag-cloud">
                            <li><a href="#" style="font-size: 36px">Design</a></li>
                            <li><a href="#" style="font-size: 18px">Apple</a></li>
                            <li><a href="#" style="font-size: 13px">iMac</a></li>
                            <li><a href="#" style="font-size: 24px">Cloud</a></li>
                            <li><a href="#" style="font-size: 30px">SEO</a></li>
                            <li><a href="#" style="font-size: 13px">Software</a></li>
                            <li><a href="#" style="font-size: 18px">iPhone</a></li>
                            <li><a href="#" style="font-size: 14px">Graphic</a></li>
                            <li><a href="#" style="font-size: 14px">Design</a></li>
                            <li><a href="#" style="font-size: 30px">Application</a></li>
                            <li><a href="#">Web</a></li>
                            <li><a href="#">Interface</a></li>
                            <li><a href="#" style="font-size: 24px">Marketing</a></li>
                            <li><a href="#" style="font-size: 14px">Information</a></li>
                            <li><a href="#">Portfolio</a></li>
                            <li><a href="#" style="font-size: 14px">Design Study</a></li>
                        </ul>
                    </li>
                    <li>
                        <h3>广告</h3>
                        <ul class="ads">
                            <li><a href="#"><img src="css/images/ad-banner-1.jpg" width="115" height="72" alt="" /></a></li>
                            <li><a href="#"><img src="css/images/ad-banner-2.jpg" width="115" height="72" alt="" /></a></li>
                        </ul>
                    </li>*@
                </ul>
            </aside>
            <div class="cl">&nbsp;</div>
        </div>
    </div>
</div>
<!-- END Content -->